<script>
export default {
  components: {},
  data() {
    return { form: { adminSex: '' } }
  },
  methods: {
    next() {
      if (this.form.adminSex === '1') {
        this.$emit('next')
      }
    },
  },
}
</script>

<template>
  <div class="block_1 flex-col">
    <div class="group_2 flex-row justify-between">
      <div class="text-wrapper_1 flex-col">
        <span class="text_1">阅读注册协议</span>
      </div>
      <div class="text-wrapper_2 flex-col">
        <span class="text_2">填写相关信息</span>
      </div>
      <div class="text-wrapper_3 flex-col">
        <span class="text_3">注册完成</span>
      </div>
    </div>
    <div class="group_3 flex-col">
      <div class="zc-txt">
        <p align="center"><strong class="zc-tit">服务条款</strong></p><br>
        <p>　　根据《中华人民共和国著作权法》、《全国人大常委会关于维护互联网安全的决定》、《中华人民共和国政府采购法》、《互联网信息服务管理办法》、《互联网电子公告服务管理规定》等有关法律、法规、规章，制订本条款。通过本招标采购平台注册成为本单位采购供应商信息库的用户，和以其他形式使用本招标采购平台的用户，必须遵守本服务条款。 </p>
        <p><strong>一、服务条款的确认和接纳</strong><br>　　 本招标采购平台的所有权、运作权和解释权等归本单位唯一所有。用户通过点击“我同意”按钮表示用户与本招标采购平台达成协议，接受本招标采购平台服务条款全部内容。点击“不同意”按钮，视为放弃本招标采购平台提供的服务，并表示放弃注册信息库。</p>

        <p><strong>二、用户资料 </strong><br>用户同意：<br>(一)在申请使用本招标采购平台提供的服务时，向本招标采购平台提供真实、准确、完整的单位或个人资料。<br>(二)如用户的单位或个人资料有任何变更，用户应及时更新注册资料。如果用户提供的资料不完整或者用户提供的资料包含有不正确或不准确的信息，由此相关的一切后果均应当由用户自行承担。</p>

        <p><strong>三、服务条款的修改</strong> <br>　　本招标采购平台有权随时在必要时修改服务条款，并且不会提前以任何形式向包括用户在内的任何单位和/或个人发出通知。本招标采购平台服务条款一旦发生修改或其它变动，将可以/可能在条款相关的某些页面上提示。如果已经注册或已经同意原有服务条款的用户不同意修改后的服务，用户可以注销信息库或点击“不同意”等方式，放弃本招标采购平台提供的各项服务。如果用户继续享用本招标采购平台提供的任何服务，则视为用户已经完全接受了服务条款的变更。 </p>

        <p><strong>四、隐私保护</strong> <br>　　本招标采购平台承诺不会公开、转让或透露其用户的不可公开的注册资料及用户在本招标采购平台中保存的非公开内容，除非： <br>(一)有关法律、法规、规章的强制性规定； <br>(二)有关司法、行政机关的要求；<br>(三)保持或维护本招标采购平台的合法权益； <br>(四)事先获得用户的明确授权。 </p>

        <p><strong>五、用户的帐号、密码和安全性 </strong><br>　　用户在本网注册成功后，将获得一个帐号和密码。该帐号和密码由用户负责保管，用户可随时改变其密码。每个用户都要对其帐户中的所有活动和事件负全部责任，用户同意若发现任何非法使用用户帐号或安全漏洞的情况，立即通告本招标采购平台。本招标采购平台承诺不将用户帐号和密码透露给第三方。但因用户原因造成密码泄露，用户需自行承担全部责任和相关后果。因用户原因造成帐号由他人使用，用户需自行承担全部责任和相关后果，同时，本招标采购平台视为用户进行了相关操作。</p>

        <p><strong>六、免责条款</strong> <br>　　因本招标采购平台无法预见客观环境的改变及任何技术上的问题或其他困难（包括但不限于：计算机病毒攻击、黑客入侵、网络断等），由此导致的数据损失或其他服务中断等情形，会员用户对此应表示理解，并同意自行承担利用本招标采购平台进行操作的所有风险。本招标采购平台在此声明：<br>不提供任何类型的担保，包括所提供的服务一定能满足用户的要求，服务不会中断，信息能否完全准确、及时、顺利的传送，是否能修改相关软件中的漏洞。用户理解、判断、或决定是否接受任何通过本招标采购平台服务或所取得信息资料的可靠性，完全取决于用户自己承担相关的风险，并包括系统受损或资料丢失的所有风险。 </p>

        <p><strong>七、信息的储存及限制 <br></strong>　　本招标采购平台不对用户所发布信息的删除或储存失败负责。本招标采购平台拥有判定用户的行为是否符合本招标采购平台服务条款的要求和精神的保留权利，如果用户违背了服务条款的规定，或其在网站的相关行为有理由被判断为不利于网站，则随时有权中断对其服务，包括帐号。</p>

        <p><strong>八、用户管理 </strong><br>　　用户自行承担其所传输内容的所有责任，对本招标采购平台的使用符合法律、法规及规章的要求，同时遵循以下原则： <br>（一）从中国境内向外传输技术性资料时必须符合中国有关法律法规； <br>（二）使用信息服务不作非法用途； <br>（三）不干扰或混乱网络服务； <br>（四）遵守所有使用服务的网络协议、规定、程序和惯例。 <br>　　用户的行为准则是以因特网法规，政策、程序和惯例为根据的。用户须承诺不传输任何非法的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的和淫秽的信息资料。不传输任何教唆他人构成犯罪行为的资料；不传输助长国内不利条件和涉及国家安全的资料；不传输任何不符合当地法规、国家法律和国际法律的资料。若用户的行为不符合以上提到的服务条款，本招标采购平台一经发现将做出独立判断并取消用户服务和帐号。用户若在本招标采购平台上散布和传播反动、色情或其他违反国家法律的信息，网站的系统记录有可能作为用户违反法律的证据。</p>

        <p><strong>九、保障 </strong><br>　　用户同意保障和维护本招标采购平台及其他用户的利益，负责支付违反服务条款的损害补偿费用，由其它使用用户的帐号和口令的人造成的损害赔偿费用和其它侵犯知识产权而产生的追索赔偿费用。 </p>
        <p><strong>十、终止服务</strong> <br>　　用户可根据实际情况,主动终止本招标采购平台提供的服务，同时，用户使用本招标采购平台服务的权利也将被终止。终止生效后，用户没有权利，本招标采购平台也没有义务传送任何未处理的信息或未完成的服务给用户。对于此种终止，本招标采购平台无需承担任何责任。 </p>

        <p><strong>十一、通告 </strong><br>　　所有发给用户的通告都可通过相关页面的公告或电子邮件或常规的信件传送。 </p>

        <p><strong>十二、有关商业宣传 </strong><br>　　如果用户在发表的信息中加入宣传资料或参与广告策划，在本招标采购平台的服务上展示产品，任何这类促销方法，包括运输货物、付款、服务、商业条件、担保及与广告有关的行为或描述都只是用户和这类商业宣传发布者应当独立负责的。本招标采购平台对此类商业宣传不承担任何责任，也没有义务为此类商业宣传承担任何担保责任。</p>

        <p><strong>十三、条款的法律解释 </strong><br>　　以上条款解释权归本单位。如发生本招标采购平台服务条款或所发布的其它条款与中华人民共和国法律、法规及规章相抵触时，则这些条款将完全按有关法律、法规及规章规定重新解释，而其它条款则依旧保持对用户的约束力。特别声明，任何情形下，对于任何相关的争议，均只适用中华人民共和国法律、法规及规章管辖，若用户与本单位就服务条款发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方应向本单位所在地的有关人民法院提起诉讼解决。 </p>
      </div>
      <div class="section_2 flex-row">
        <div class="text-wrapper_5">
          <!--          <span class="text_4">◎</span>
          <span class="text_5">同意&nbsp;&nbsp;&nbsp;&nbsp;〇不同意&nbsp;&nbsp;&nbsp;&nbsp;</span>-->
          <a-radio-group v-model="form.adminSex">
            <a-radio value="1">
              同意
            </a-radio>
            <a-radio value="2">
              不同意
            </a-radio>
          </a-radio-group>
        </div>
        <div class="box_2 flex-col"></div>
        <div class="text-wrapper_6 flex-col" @click="next">
          <span class="text_6">&nbsp;确认注册，下一步</span>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped lang="less">
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-between {
  justify-content: space-between;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.block_1 {
  position: relative;
  width: 1200px;
  background: url('../../../assets/psvd0qudytvs7di0zcdaspsre3dxhkebra423364a-8376-4e3f-92f6-e8c650b58cd5.png') 100%
    no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  overflow: hidden;
  .group_2 {
    width: 1140px;
    height: 68px;
    margin: 30px 0 0 30px;
    .text-wrapper_1 {
      height: 68px;
      background: url(../../../assets/ps0hpp75g3ufcgx8xwulx0qc9qex5vybsv61395fd6-7fcb-4d86-bba7-aa62de00dbf4.png) 100%
        no-repeat;
      background-size: 100% 100%;
      width: 379px;
      .text_1 {
        width: 140px;
        height: 23px;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 28px;
        margin: 22px 0 0 120px;
      }
    }
    .text-wrapper_2 {
      height: 68px;
      background: url(../../../assets/psnbgzk95h74drbaz9hsmw6l83vmjfiup82377d7f-67e6-4b9d-b310-0dcb380fe1d0.png) 100%
        no-repeat;
      background-size: 100% 100%;
      margin-left: 1px;
      width: 379px;
      .text_2 {
        width: 140px;
        height: 23px;
        overflow-wrap: break-word;
        color: rgba(102, 102, 102, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 28px;
        margin: 22px 0 0 119px;
      }
    }
    .text-wrapper_3 {
      height: 68px;
      background: url(../../../assets/psmbar0un8xfdnbpxjg5ktcnpva1w9f2vre6603fc9-c43d-416b-8073-82b961d17e34.png) 100%
        no-repeat;
      background-size: 100% 100%;
      margin-left: 1px;
      width: 380px;
      .text_3 {
        width: 93px;
        height: 23px;
        overflow-wrap: break-word;
        color: rgba(102, 102, 102, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 28px;
        margin: 22px 0 0 144px;
      }
    }
  }
  .group_3 {
    background-color: rgba(255, 255, 255, 1);
    width: 1140px;
    height: 544px;
    margin: 15px 30px 36px 30px;
    padding: 0 30px;
   .zc-txt{
     flex:1;
     overflow-y: auto;
   }
    .text-wrapper_4 {
      width: 998px;
      height: 199px;
      overflow-wrap: break-word;
      font-size: 0;
      font-family: AlibabaPuHuiTi-Bold;
      font-weight: 700;
      text-align: center;
      line-height: 24px;
      margin: 37px 0 0 36px;
      .paragraph_1 {
        width: 998px;
        height: 199px;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 24px;
        font-family: AlibabaPuHuiTi-Bold;
        font-weight: 700;
        text-align: left;
      }
      .paragraph_2 {
        width: 998px;
        height: 199px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 16px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
      }
    }
    .section_1 {
      background-color: rgba(223, 223, 223, 1);
      width: 1067px;
      height: 2px;
      margin: 22px 0 0 37px;
    }
    .paragraph_3 {
      line-height: 24px;
      width: 998px;
      height: 128px;
      overflow-wrap: break-word;
      color: rgba(51, 51, 51, 1);
      font-size: 16px;
      font-family: AlibabaPuHuiTi-Regular;
      font-weight: normal;
      text-align: left;
      margin: 34px 0 0 36px;
    }
    .section_2 {
      width: 373px;
      height: 40px;
      margin: 20px 0 24px 351px;
      .text-wrapper_5 {
        width: 124px;
        height: 15px;
        overflow-wrap: break-word;
        font-size: 0;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 16px;
        margin-top: 13px;
        .text_4 {
          width: 124px;
          height: 15px;
          overflow-wrap: break-word;
          color: rgba(174, 46, 51, 1);
          font-size: 16px;
          font-family: AlibabaPuHuiTi-Regular;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 16px;
        }
        .text_5 {
          width: 124px;
          height: 15px;
          overflow-wrap: break-word;
          color: rgba(51, 51, 51, 1);
          font-size: 16px;
          font-family: AlibabaPuHuiTi-Regular;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 16px;
        }
      }
      .box_2 {
        background-color: rgba(174, 46, 51, 1);
        border-radius: 50%;
        width: 6px;
        height: 6px;
        margin: 17px 0 0 -121px;
      }
      .text-wrapper_6 {
        background-color: rgba(174, 46, 51, 1);
        border-radius: 6px;
        height: 40px;
        margin-left: 164px;
        width: 200px;
        .text_6 {
          width: 126px;
          height: 16px;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 16px;
          font-family: AlibabaPuHuiTi-Regular;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 16px;
          margin: 12px 0 0 37px;
        }
      }
    }
  }
}
</style>
